import React from 'react';
import TweenOne from 'rc-tween-one';
import OverPack from 'rc-scroll-anim/lib/ScrollOverPack';
import QueueAnim from 'rc-queue-anim';
import { Row, Col, Flex } from 'antd';
import addressIcon from '@/assets/homeImg/addressIcon.png'
import address from '@/assets/homeImg/address.png'
import phoneIcon from '@/assets/homeImg/phoneIcon.png'
import emailIcon from '@/assets/homeImg/emailIcon.png'
import { googleUrl } from '@/utils';

import FormContactUs from './FormContactUs';

class Footer extends React.Component {
    static defaultProps = {
        className: 'footer1',
    };

    render() {
        const { ...props } = this.props;
        const { dataSource } = props;
        delete props.dataSource;
        delete props.isMobile;
        return (
            <>
                <div {...props} {...dataSource.wrapper} >
                    <Flex vertical={false} justify='center'>
                        <Row justify={'center'} >
                            <Col key='facebook2' xs={{span:24,order:2}} lg={{span:10,order:1}}>

                         
                                  
                                        <div style={{marginTop:25}}>
                                            <Flex align='center' style={{ marginBottom: 12 }}>
                                                <div onClick={() => { this.openBlank(googleUrl) }}>
                                                    <img src={addressIcon}></img>
                                                </div>
                                                <div >
                                                    <img src={address} width='100%'></img>
                                                </div>
                                            </Flex>
                                            <Flex align='center' style={{ marginBottom: 12 }}>
                                                <div className='footerIcon'>
                                                    <img src={phoneIcon}></img>
                                                </div>
                                                <div className='contentText' style={{ whiteSpace: 'nowrap' ,color:'#000000ff'}}>
                                                    <p>+86-13777608508</p>
                                                    <p>+86-13777608539</p>
                                                </div>
                                            </Flex>
                                            <Flex>
                                                <div className='footerIcon'>
                                                    <img src={emailIcon}></img>
                                                </div>
                                                <div className='contentText' style={{ whiteSpace: 'nowrap' ,color:'#000000ff'}}>
                                                    <p>chinayhelvis@163.com</p>
                                                </div>
                                            </Flex>
                                        </div>
                                    
                               
                            </Col>

                            <Col key='facebook3' xs={{span:24,order:1}} lg={{span:10,order:2}} >
                                <FormContactUs />
                            </Col>
                        </Row>
                    </Flex>
                </div>
            </>
        );
    }
}

export default Footer;
